@charset "utf-8";
/* footer */
.footer{ background-color: #0d8ee9;}
.footer-links{ width: 100%;}
.footer-links .hd{padding: 15px 0; border-bottom: 1px solid #3da5ed;}
.footer-links .hd ul{margin: 0 -5px;}
.footer-links .hd ul li{float: left; width: 20%;}
.footer-links .hd ul li a{position: relative; z-index:5; display: block; color: #fff; text-align: center; margin: 0 5px;  height: 35px; line-height: 35px; border-radius: 4px; font-size: 18px;}
.footer-links .hd ul li a span{max-width: 80%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.footer-links .hd ul li.hs a:after{content: ''; margin-top: 10px; border: 7px solid transparent; border-top-color: #ffffff; margin-left: 20px; transition: .3s all;}
.footer-links .hd ul li.hs:first-child a:after{ border: none;}

.footer-links .hd ul li.hs a:after,
.footer-links .hd ul li a span{display: inline-block; vertical-align: middle;}
.footer-links .hd ul li.on a:after{transform: rotate(-180deg); transform-origin: 8px 3px;}

.footer-links .hd ul li.hs.on a{background: rgba(255,255,255,.15);}

.footer-links .bd ul{padding-top:14px; margin: 0 -5px; overflow: hidden; display: none;}
.footer-links .bd ul li{float: left; width: 20%;}
.footer-links .bd ul li h4{margin: 0 5px; margin-bottom: 2px; font-size:0.875em; font-weight: normal; line-height:1.6em; overflow:hidden; vertical-align:top;}
.footer-links .bd ul li a{display: block; padding:10px; background: rgba(255,255,255,.08); border-radius: 5px; text-align: center; color: rgba(255,255,255,.7); max-width:100%; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden; transition: .3s all;}
.footer-links .bd ul li a:hover{background: rgba(255,255,255,.15); color: #fff;}

.copyright{ padding: 40px 0; display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.copyright_L{ width: 60%; color: #ffffff;}
.copyright_L a{ color: #ffffff;}
.copyright_L .footer-nav{ line-height: 2.375;}
.copyright_L .footer-nav span{ padding: 0 20px; font-size: 14px; color: #2fa9ff;}
.copyright_L .footer-txt{line-height: 2.375;}
.copyright_L .footer-txt span{display: inline-block; padding-right: 10px;}

.copyright_R{ width: 40%; display: flex; justify-content: flex-end; align-items: center;}
.copyright_R div{ margin-left: 20px;}



@media (max-width: 1400px) {
	.footer-links .hd ul li a{font-size: 1em;}
	.copyright_L{ width: 100%; text-align: center; font-size: 1em;}
	.copyright_R{ width: 100%; text-align: center; justify-content:center; font-size: 1em;}
}
@media (max-width: 1280px) {
	.footer-links{padding: 10px 0;}
	.footer-links .bd ul{padding-top: 10px;}
}
@media (max-width: 1200px) {
	.footer-links .hd ul li,
	.footer-links .bd ul li{width: 33.333333%;}
	.footer-links .hd ul li a span{display: block; text-align: left; margin-right: 48px; margin-left: 20px;}
	.footer-links .hd ul li.hs a:after{position: absolute; margin-top: -3px; right: 20px; top: 50%;}
	.footer-links .bd ul li a{text-align: left; padding-left: 20px; padding-right: 20px;}
}
@media (max-width: 768px) {
	.footer-links{ display: none;}
	.footer-links .hd ul li, .footer-links .bd ul li{width:50%;}
	.copyright{padding: 20px 0 40px 0 ;}
	.copyright_L .footer-nav span{ padding: 0 8px;}
	.copyright_L{ text-align: left;}
}
@media (max-width: 480px) {
	.copyright{line-height: 2;}
	.copyright .split{margin: 0 10px;}

	.footer-links > .container{margin: 0;}
	.footer-links .hd ul li, .footer-links .bd ul li{width: 100%;}
	.footer-links .hd ul{margin: 0;}
	.footer-links .hd ul li a{margin: 0;}
	.footer-links .hd ul li a span{margin-left: 10px;}
	.footer-links .hd ul li.hs a:after{right: 10px;}
	.footer-links .bd ul li a{padding-left: 10px; padding-right: 10px;}
}